body[arco-color='purple'] {
  --primary-1: 245, 232, 255;
  --primary-2: 221, 190, 246;
  --primary-3: 195, 150, 237;
  --primary-4: 168, 113, 227;
  --primary-5: 141, 78, 218;
  --primary-6: 114, 46, 209;
  --primary-7: 85, 29, 176;
  --primary-8: 60, 16, 143;
  --primary-9: 39, 6, 110;
  --primary-10: 22, 0, 77;
}

body[arco-color='purple'][arco-theme='dark'] {
  --dark-primary-1: 22, 0, 77;
  --dark-primary-2: 39, 6, 110;
  --dark-primary-3: 62, 19, 143;
  --dark-primary-4: 90, 37, 176;
  --dark-primary-5: 123, 61, 209;
  --dark-primary-6: 142, 81, 218;
  --dark-primary-7: 169, 116, 227;
  --dark-primary-8: 197, 154, 237;
  --dark-primary-9: 223, 194, 246;
  --dark-primary-10: 247, 237, 255;
}